<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>欢迎！</title>
	<link rel="stylesheet" href="http://cdn.static.runoob.com/libs/bootstrap/3.3.7/css/bootstrap.min.css">
    <script src="http://cdn.static.runoob.com/libs/bootstrap/3.3.7/js/bootstrap.min.js"></script>
    <script src="http://cdn.static.runoob.com/libs/jquery/2.1.1/jquery.min.js"></script>
    <script src="./localjs.js"></script>
	<link rel="stylesheet" href="https://res.wx.qq.com/open/libs/weui/1.1.2/weui.min.css">
    <style>
        div h1 {
            /*border: solid 1px;*/
            text-align: center;
            /*height: 200px;
            line-height: 200px;*/
        }
    </style>

</head>

<body>
    <div class="container">
        <h1>
            <a onclick="displaySignUp()">注册</a>
            <a onclick="displayLogin()">登陆</a>
        </h1>
    </div>
			<div class="weui-cells weui-cells-form">
				<div id="username_cell" class="weui-cell">
					<div class="weui-cell__hd">
						<label class="weui-label">用户名</label>
					</div>
					<div class="weui-cell__bd">
						<input required class="weui-input" id="username" placeholder="用户名" oninput="checkUserName(this)">
					</div>
				</div>
				<div id="usermail_cell" class="weui-cell">
					<div class="weui-cell__hd">
						<label class="weui-label">邮箱</label>
					</div>
					<div class="weui-cell__bd">
						<input type="email" required class="weui-input" id="usermail" placeholder="邮箱">
					</div>
				</div>
				<div id="userpassword_cell" class="weui-cell">
					<div class="weui-cell__hd">
						<label class="weui-label">密码</label>
					</div>
					<div class="weui-cell__bd">
						<input name="test" required type="password" class="weui-input" id="userpassword" placeholder="密码（不少于六位）" onkeyup="setLabel()">
					</div>
                	<div class="weui-cell__ft">
						<!--<p id="label" style="display:none">-->
						<label id="label" class="weui-label">密码强度：弱</label>
					</div>
				</div>
				<div id="passwordagain_cell" class="weui-cell">
					<div class="weui-cell__hd">
						<label class="weui-label">验证密码</label>
					</div>
					<div class="weui-cell__bd">
                		<input required type="password" class="weui-input" id="passwordagain" placeholder="重复输入密码" onblur="checkPassword(this)">
            		</div>
				</div>
				<div style="display:none" id="loginname_cell" class="weui-cell">
					<div class="weui-cell__hd">
						<label class="weui-label">用户名</label>
					</div>
					<div class="weui-cell__bd">
                		<input required type="text" class="weui-input" id="loginname" placeholder="用户名" >
					</div>
				</div>
				<div id="loginpassword_cell" class="weui-cell" style="display:none">
					<div class="weui-cell__hd">
						<label class="weui-label">密码</label>
					</div>
                	<div class="weui-cell__bd">
						<input required type="password" class="weui-input" id="loginpassword" placeholder="密码" >
					</div>
				</div>
			</div>
			<div class="weui-btn-area">
				<a id="signupsubmit" class="weui-btn weui-btn_primary" href="javascript:signUpSubmit()">注册</a>
				<a id="loginsubmit" class="weui-btn weui-btn_primary" href="javascript:LoginSubmit()" style="display:none">登录</a>
			</div>
<!--
            <button id="signupsubmit" type="submit" class="btn btn-default" onclick="signUpSubmit()">注册</button>
            <button id="loginsubmit" type="submit" class="btn btn-default" onclick="LoginSubmit()" style="display:none;">登陆</button> </form> </div> 
-->
	</body> 
</html>
